<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
<script  src="../js/src/mypage/preload_mypage.js"></script>
<script  src="../js/src/mypage/preload_dev.js"></script>
</head>

<body>
<section data-role="page" id="my_join_info" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>조인 정보</h2>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section  data-role="content"> 
        <!--나의 조인룸 정보-->
        <div class="jo_table">
            <h5>나의 조인룸 정보</h5>
            <table>
                <colgroup><col /><col /><col /></colgroup>
                <thead>
                    <tr>
                        <th>내가 만든 조인룸</th>
                        <th>참여 신청</th>
                        <th>참여 확정</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>3</td>
                        <td>1</td>
                        <td>4</td>
                    </tr>
                </tbody>
            </table>
         </div><!-- //  class="jo_table"끝  -->
         
         <!--tab-->
         <div class="tab_menu">
             <ul>
                 <li class="on"><a href="join_info.html" data-transition="slide">내가 만든 조인룸</a></li><!--메뉴인식 css style 부분-->
                 <li><a href="join_info_part.html" data-transition="slide">내가 참여한 조인룸</a></li>
             </ul>
         </div>
         
         <!--list-->
         <div class="room_list_th jo_tab">
             <p>라운드일자</p>
             <p>골프장/코스</p>
         </div>
         <ul data-role="listview" data-theme="c" class="room_list">
            <!-- 해당목록이 없을시 -->        
            <!--li class="no_list">
                <p>해당 목록이 없습니다.</p>
            </li-->
            
             <li><a href="#room_pw" data-rel="dialog" data-transition="slide"><!--비공개 조인룸 비밀번호 입력할때-->
                <ul>
                    <li class="date">2012.03.13(일)</li>
                    <li class="golf_c">스카이골프 오션코스오션코스오션코스오션코스</li>
                    <li class="key"><span class="ico_all ico1"><em>비밀글</em></span></li>
                    <li class="nickname">작성자 :<mark>잭니클라우스</mark></li>
                    <li class="reply">댓글<mark>(0)</mark></li>
                    <li class="state"><span class="state_finish">마감</span></li>
                </ul>
             </a></li>
             
             <li><a href="../room/join_room_view_my.html" data-transition="slide"><!--공개 조인룸 view-->
                <ul>
                    <li class="date">2012.03.13(일)</li>
                    <li class="golf_c">스카이골프 오션코스</li>
                    <li class="key"><!--span class="ico_all ico1"><em>비밀글</em></span--></li>
                    <li class="nickname">작성자 :<mark>잭니클라우스</mark></li>
                    <li class="reply">댓글<mark>(12)</mark></li>
                    <li class="state"><span class="state_ok">조인완료</span></li>
                </ul>
             </a></li>
             
             <li><a href="../room/join_room_view_my.html" data-transition="slide">
                <ul>
                    <li class="date">2012.03.13(일)</li>
                    <li class="golf_c">스카이골프 오션코스오션코스오션코스오션코스</li>
                    <li class="key"><span class="ico_all ico1"><em>비밀글</em></span></li>
                    <li class="nickname">작성자 :<mark>잭니클라우스</mark></li>
                    <li class="reply">댓글<mark>(7)</mark></li>
                    <li class="state"><span class="state_ing">진행중</span></li>
                </ul>
             </a></li>
         </ul><!-- // class="room_list" 끝  -->
         
        <!--btn-->
        <div class="btn_area">
            <div class="btn_more"> 
                <button data-role="none"> <span class="ico_all ico7"><em>+</em></span> 더보기</button>
            </div>
            <div class="btn_top"> <button data-role="none" onclick="GoTop(); return false;">맨위로<span class="ico_all ico8"><em>top</em></span></button></div>
        </div><!-- // class="btn_area" 끝  -->        
    </section><!-- // content -->
</section><!-- // page -->
<!--
<!--비공개 조인룸 비밀번호 입력 영역. ( 개발시 한페이지내 작업 어려울시  join_room_pw.html  작업요함 )- ->
<section data-role="dialog" data-theme="d" id="room_pw" class="container">
    <!--top- ->
    <header data-role="header" data-position="fixed" data-theme="a">
        <h2>비밀번호 입력</h2>
    </header><!-- // header  -->
    
    <!--메인 컨텐츠- ->
    <section data-role="content" class="pw_area"> 
        <form action="#" method="#">
            <fieldset>
                <legend>비공개 조인룸은 비밀번호 입력 후 <br /> 열람이 가능합니다.   </legend>
                <input type="password" placeholder="비밀번호 숫자4자리를 입력하세요." />            
            </fieldset>
            
            <fieldset class="ui-grid-a">
                <p class="ui-block-a"><button type="submit" data-theme="a">확인</button></p>
                <p class="ui-block-b"><a href="#room" data-role="button" data-theme="d" data-rel="back" >취소</a></p>
            </fieldset>
        </form>  
    </section><!-- // content -->
</section><!-- // dialog-->

</body>
</html>
